@charset "utf-8";
/* CSS Document */

html,body{ width:100%; height:100%;}
body{ font-family:"微软雅黑","PingFang SC",PingFangSC-Regular,"helvetica neue",tahoma,arial,"hiragino sans gb",sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after,.clear:before{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}


/*浮窗*/
.fc{ width:66px; position:fixed; right:3%; bottom:10%; z-index:999; cursor:pointer; zoom:0.8;}
.fc img{ width:100%; height:102px; display:block;}

.lbox{ width:100%; height:100%; z-index:9991; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; display:none;}
.lbox .box{ width:60%; max-width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:#fff; border-radius:10px; overflow:hidden; padding-top:45px; padding-bottom:50px; zoom:0.7;}
.lbox .box .close{ width:30px; height:30px; cursor:pointer; right:50px; top:50px; position:absolute; -webkit-transition:0.5s linear; transition:0.5s ease-in;}
.lbox .box .close img{ width:100%; display:block;}
.lbox .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.lbox .box .title{ text-align:center; font-size:34px; height:44px; line-height:44px; font-weight:700;}
.lbox .box .l01{ width:100%; margin-top:30px;}
.lbox .box .l01 span{ text-align:right; height:52px; line-height:52px; float:left; display:block; font-size:22px; width:29%;}
.lbox .box .l01 span b{ color:#da0000; font-weight:normal; margin-right:5px;}
.lbox .box .l01 p{ width:50%; border:1px solid #d2d2d2; display:block; float:left; margin-left:1%; border-radius:5px; overflow:hidden;}
.lbox .box .l01 p input{ display:block; width:100%; text-indent:20px; line-height:50px; font-size:20px; overflow:hidden; height:50px;}
.lbox .box .l01 p textarea{ display:block; width:100%; padding:10px 20px; line-height:30px; font-size:20px; overflow:auto; height:112px; box-sizing:border-box;}
.lbox .box .l02{ width:210px; height:50px; margin:auto; margin-top:30px; border-radius:5px;}
.lbox .box .l02 input{ cursor:pointer; width:100%; display:block; overflow:hidden; color:#fff; text-align:center; font-size:20px; height:50px; line-height:50px; background-color:#1270e5;}

/*header*/
.header{ width:100%; background-color:#fff; height:70px; position:relative; z-index:999;}
.header .head{ width:1200px; margin:auto;}
.header .head .logo{ float:left; margin:13px 0;}
.header .head .logo img{ display:block;}
.header .head .nav{ display:block; height:70px; float:right;}
.header .head .nav li{ display:block; height:80px; margin-left:40px; float:left; position:relative;}
.header .head .nav li>a{ display:block; height:70px; line-height:70px; font-size:14px; font-weight:500; position:relative;}
.header .head .nav li:hover>a{ color:#1270e5;}
.header .head .nav li>a.on b{ width:86%; height:2px; display:block; overflow:hidden; background-color:#ec621f; position:absolute; left:7%; bottom:3px;}
.header .head .nav li p{ display:none; position:absolute; left:-20px; top:80px; width:180px; border-radius:3px; background-color:#fff; padding:10px 0;}
.header .head .nav li p a{ display:block; padding:0 20px; font-size:14px; height:44px; line-height:44px; overflow:hidden;}
.header .head .nav li p a:hover{ color:#1270e5;}
.header .head .nav li p a.cur{ background-color:#e7ecfb;}
.header .head .nav li:hover p{ display:block;}

/*banner*/
.banner{ width:100%; height:460px; position:relative; z-index:1; background: linear-gradient(to bottom,#233faa,#2c65c8);}
.banner .box{ width:1200px; margin:auto;}
.banner .box .left{ width:570px; float:left;}
.banner .box .left .b01{ padding-top:70px; font-size:46px; line-height:56px; color:#fff; font-weight:bold;}
.banner .box .left .b02{ padding-top:30px; font-size:14px; line-height:24px; color:#fff;}
.banner .box .left .b03{ padding-top:20px; font-size:14px; line-height:24px; color:#fff;}
.banner .box .left .b04{ margin-top:55px; width:120px; height:8px; background-color:#fff;}
.banner .box .right{ float:right; width:456px; padding-top:45px; margin-right:52px;}
.banner .box .right img{ display:block; width:100%;}

/*PISA CLOUD个保云*/
.box01{ padding-top:75px; padding-bottom:80px; background-color:#fff;}
.box01 .box{ width:1200px; margin:auto;}
.box01 .box .title{ text-align:center;}
.box01 .box .title b{ display:block; font-size:28px; line-height:38px;}
.box01 .box .title p{ display:block; font-size:16px; line-height:26px; color:#888; margin-top:15px;}
.box01 .box .tu{ padding-top:50px;}
.box01 .box .tu img{ max-width:100%; display:block; margin:auto;}

.box02{ background-color:#2a62fe; padding:75px 0;}
.box02 .box{ width:1200px; margin:auto;}
.box02 .box ul{ width:1080px; display:block; margin:auto; margin-top:-65px; overflow:hidden;}
.box02 .box ul li{ width:450px; margin:0 45px; margin-top:65px; display:flex; align-items:center; float:left; overflow:hidden;}
.box02 .box ul li:nth-child(2n+1){ clear:left; float:left;}
.box02 .box ul li .left{ width:64px; height:64px; border-radius:100%; overflow:hidden; background-color:#54a9f4; -webkit-transition:1s linear; transition:1s ease-in;}
.box02 .box ul li .left img{ height:34px; display:block; margin:15px auto;}
.box02 .box ul li:hover .left{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.box02 .box ul li .right{ width:360px; margin-left:26px;}
.box02 .box ul li .right span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.box02 .box ul li .right p{ display:block; font-size:12px; line-height:22px; color:#fff; margin-top:10px;}

.box03{ background-color:#fff; padding-top:75px; padding-bottom:80px;}
.box03 .title{ width:1200px; margin:auto; text-align:center;}
.box03 .title b{ display:block; font-size:28px; line-height:38px;}
.box03 .box{ width:1200px; margin:auto; margin-top:15px; display:flex; align-items:center;}
.box03 .box .left{ width:530px; margin-left:60px; margin-right:135px;}
.box03 .box .left img{ width:100%; display:block;}
.box03 .box .right{ position:relative; width:475px; height:407px;}
.box03 .box .right b{ height:407px; display:block; padding-left:16px;}
.box03 .box .right b img{ display:block; height:407px;}
.box03 .box .right p{ display:block; position:absolute; overflow:hidden; width:420px;}
.box03 .box .right p.b01{ left:54px; top:39px;}
.box03 .box .right p.b02{ left:11px; top:106px;}
.box03 .box .right p.b03{ left:0; top:173px;}
.box03 .box .right p.b04{ left:4px; top:240px;}
.box03 .box .right p.b05{ left:36px; top:307px;}
.box03 .box .right p strong{ height:40px; display:block; float:left; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.box03 .box .right p:hover strong{ -webkit-transform:rotateY(-360deg);}
.box03 .box .right p strong img{ height:40px; display:block;}
.box03 .box .right p span{ font-size:16px; line-height:40px; height:40px; margin-left:20px; display:block; float:left;}

.box04{ background-color:#f5f7fa; padding-top:75px; padding-bottom:75px;}
.box04 .title{ width:1200px; margin:auto; text-align:center;}
.box04 .title b{ display:block; font-size:28px; line-height:38px;}
.box04 .box{ width:1200px; margin:auto; margin-top:65px;}
.box04 .box ul{ width:100%; display:block;}
.box04 .box li{ display:block; width:240px; float:left; margin:0 80px;}
.box04 .box li strong{ display:block; width:100%;}
.box04 .box li strong img{ height:100px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.box04 .box li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.box04 .box li b{ display:block; font-size:28px; line-height:38px; margin-top:25px; text-align:center;}
.box04 .box li p{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
.box04 .box li:hover b{ color:#1270e5;}

/*footer*/
.footer{ background-color:#373f5e;}
.footer .foot{ width:1200px; margin:25px auto; margin-top:55px;}
.footer .foot .left{ width:410px; float:left;}
.footer .foot .left .f01{ display:block;}
.footer .foot .left .f01 dt{ font-size:18px; line-height:28px; display:block; color:#e6e6e6;}
.footer .foot .left .f01 dd{ padding-top:25px; display:block; overflow:hidden;}
.footer .foot .left .f01 dd a{ display:block; float:left; font-size:14px; line-height:30px; color:#e6e6e6; margin-right:50px;}
.footer .foot .left .f01 dd a:hover{ color:#fff;} 
.footer .foot .left .f02{ padding-top:25px;}
.footer .foot .left .f02 p{ display:block; height:30px; margin-top:10px; font-size:12px; color:#e6e6e6; padding-left:40px; background-position:left center; background-repeat:no-repeat; overflow:hidden; line-height:30px;}
.footer .foot .right{ float:right; margin-top:20px;}
.footer .foot .right .f01{ font-size:14px; line-height:34px; color:#e6e6e6; text-align:right;}
.footer .foot .right .f01 b{ font-size:24px;}
.footer .foot .right .f02{ font-size:12px; line-height:30px; color:#e6e6e6; text-align:right;}
.footer .foot .right .f03{ margin-top:9px;}
.footer .foot .right .f03 img{ display:block; width:88px; float:right;}
.footer .foot .right .f04{ margin-top:3px; font-size:12px; line-height:30px; color:#e6e6e6; text-align:right;}
.footer .bq{ width:1200px; margin:auto; border-top:1px solid #3e4668; padding-top:10px; padding-bottom:25px;}
.footer .bq p{ font-size:12px; line-height:22px; color:#9da0aa; margin-top:4px; display:block;}

/*去标识化跨越隔离服务*/
.ban01{ width:100%; height:460px; position:relative; z-index:1; background: linear-gradient(to bottom,#233faa,#2c65c8);}
.ban01 .box{ width:1200px; margin:auto;}
.ban01 .box .left{ width:570px; float:left;}
.ban01 .box .left .b01{ padding-top:125px; font-size:46px; line-height:56px; color:#fff; font-weight:bold;}
.ban01 .box .left .b02{ padding-top:30px; font-size:14px; line-height:24px; color:#fff;}
.ban01 .box .left .b03{ margin-top:40px; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; cursor:pointer; background-color:#006afe; border-radius:5px;}
.ban01 .box .left .b03:hover{ background-color:#1270e5;}
.ban01 .box .right{ float:right; width:442px; padding-top:90px; margin-right:103px;}
.ban01 .box .right img{ display:block; width:100%;}

.cp01{ width:100%; padding:75px 0;}
.cp01 .title{ width:1200px; margin:auto; text-align:center;}
.cp01 .title b{ display:block; font-size:28px; line-height:38px;}
.cp01 .box{ width:1200px; margin:auto; margin-top:55px; display:flex;}
.cp01 .box .left{ width:540px; height:280px;}
.cp01 .box .left img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cp01 .box:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.cp01 .box .right{ width:570px; padding-left:33px; padding-right:55px; border:1px solid #eee;}
.cp01 .box .right .b01{ margin-top:20px; font-size:16px; line-height:26px;}
.cp01 .box .right .b02{ margin-top:5px; font-size:14px; line-height:24px; color:#888;}

.cp02{ width:100%; padding-bottom:80px;}
.cp02 .title{ width:1200px; margin:auto; text-align:center;}
.cp02 .title b{ display:block; font-size:28px; line-height:38px;}
.cp02 .box{ width:1200px; margin:auto; margin-top:45px; border:1px solid #e4e8f0; border-bottom:none;}
.cp02 .box ul{ width:100%; display:block; overflow:hidden;}
.cp02 .box ul li{ border-bottom:1px solid #e4e8f0; overflow:hidden; padding:25px; display:flex; align-items:center;}
.cp02 .box ul li .left{ width:61px; height:61px; overflow:hidden; border-radius:100%; -webkit-transition:1s linear; transition:1s ease-in;}
.cp02 .box ul li .left img{ width:100%; display:block;}
.cp02 .box ul li:hover .left{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.cp02 .box ul li .right{ margin-left:17px; width:1120px;}
.cp02 .box ul li .right .b01{ font-size:20px; line-height:30px;}
.cp02 .box ul li .right .b02{ font-size:14px; line-height:24px; margin-top:5px; color:#888;}
.cp02 .box ul li:hover .right .b01{ color:#1270e5;}

/*实证服务*/
.ban02{ width:100%; height:460px; position:relative; z-index:1; background: linear-gradient(to bottom,#233faa,#2c65c8);}
.ban02 .box{ width:1200px; margin:auto;}
.ban02 .box .left{ width:570px; float:left;}
.ban02 .box .left .b01{ padding-top:125px; font-size:46px; line-height:56px; color:#fff; font-weight:bold;}
.ban02 .box .left .b02{ padding-top:30px; font-size:14px; line-height:24px; color:#fff;}
.ban02 .box .left .b03{ margin-top:35px; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; cursor:pointer; background-color:#006afe; border-radius:5px;}
.ban02 .box .left .b03:hover{ background-color:#1270e5;}
.ban02 .box .right{ float:right; width:415px; padding-top:39px; margin-right:129px;}
.ban02 .box .right img{ display:block; width:100%;}

.cp03{ width:100%; padding-top:75px; padding-bottom:80px;}
.cp03 .title{ width:1200px; margin:auto; text-align:center;}
.cp03 .title b{ display:block; font-size:28px; line-height:38px; color:#333;}
.cp03 .wen{ width:1200px; margin:auto;}
.cp03 .wen img{ display:block; max-width:100%; margin:auto;}

.cp04{ width:100%; padding:75px 0; background-color:#f5f7fa;}
.cp04 .title{ width:1200px; margin:auto; text-align:center;}
.cp04 .title b{ display:block; font-size:28px; line-height:38px; color:#333;}
.cp04 .wen{ width:1200px; margin:auto; display:block; font-size:14px; line-height:24px; color:#666; margin-top:15px; text-align:center;}

.cp05{ width:100%; padding-top:75px; padding-bottom:80px; position:relative;}
.cp05 .bg{ width:100%; position:absolute; left:0; top:0; z-index:1; background-color:#2a62fe; height:300px;}
.cp05 .title{ width:1200px; margin:auto; text-align:center; position:relative; z-index:9;}
.cp05 .title b{ display:block; font-size:28px; line-height:38px; color:#fff;}
.cp05 .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.cp05 .box ul{ width:1230px; display:block;}
.cp05 .box ul li{ width:320px; height:210px; display:block; float:left; margin-right:30px; background-color:#fff; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:35px 30px; position:relative;}
.cp05 .box ul li .b01{ position:absolute; top:20px; right:30px;}
.cp05 .box ul li .b01 img{ display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.cp05 .box ul li:hover .b01 img{ -webkit-transform:rotateY(-360deg);}
.cp05 .box ul li .b02{ font-weight:bold; font-size:20px; line-height:30px;}
.cp05 .box ul li .b03{ margin-top:30px; font-size:14px; line-height:26px; color:#888;}

/*个人授权服务*/
.ban03{ width:100%; height:460px; position:relative; z-index:1; background: linear-gradient(to bottom,#233faa,#2c65c8);}
.ban03 .box{ width:1200px; margin:auto;}
.ban03 .box .left{ width:570px; float:left;}
.ban03 .box .left .b01{ padding-top:125px; font-size:46px; line-height:56px; color:#fff; font-weight:bold;}
.ban03 .box .left .b02{ padding-top:30px; font-size:14px; line-height:24px; color:#fff;}
.ban03 .box .left .b03{ margin-top:45px; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; cursor:pointer; background-color:#006afe; border-radius:5px;}
.ban03 .box .left .b03:hover{ background-color:#1270e5;}
.ban03 .box .right{ float:right; width:609px; padding-top:39px; margin-right:17px;}
.ban03 .box .right img{ display:block; width:100%;}

.cp06{ width:1200px; margin:75px auto; margin-top:5px; padding:65px 0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cp06 .title{ width:1100px; margin:auto; text-align:center;}
.cp06 .title b{ display:block; font-size:28px; line-height:38px; color:#fff;}
.cp06 .wen{ width:1100px; margin:auto; display:block; font-size:14px; line-height:24px; color:#fff; margin-top:15px; text-align:center;}